/* 
    Document   : index
    Created on : Dec 28, 2012, 5:19:32 PM
    Author     : amega
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
img {
    border: none;
    
}
body {
	padding:0px;
	margin:0px;
	background-color: black;
}
#header {
	background: url(/ors/faces/javax.faces.resource/img/header.jpg) no-repeat center top;
	height:230px;
	border:0px;
	padding:10px;
}

#header-content {
	width:1200px;
	margin: 0 auto;
	height:200px;
}

.bxfix {
	margin: none; 
	border: none; 
	padding: none;
}
.fleft {
	  float: left;
}
.ceni {
	clear: both;
}
.logo {
	margin-top:40px;
      
}

.data-right {
	float:right;
	color: white;
	text-align:right;
}

.data-right  h3{	
	font-family:arial, helvetica; 
	font-size:22px;
	border:0px;
	margin:0px;
}

#menu {
	background:red url(/ors/faces/javax.faces.resource/img/s5_static.png) ;
	height:20px;
	width:1200px;
	margin: 0 auto;
	box-shadow: 0px 2px 7px 1px #000;
	color:#fff;
	padding:7px;
}

.login {
	float:right;
}

#menu a  {
	color:#fff;
	font-family:arial, helvetica; 
	font-size:14px;
	margin:2px;
	text-decoration:none;
}

#menu a:hover  {
	color:#ececec;
	text-decoration: underline;
}

#data {
	background:#fff;
	overflow:auto;
	width:1200px;
	min-height:100px;
	margin: 0 auto;
	margin-top:30px;
	box-shadow: 0px 2px 7px 3px #111;
	padding:7px;
}

#c-h{
	background: url(/ors/faces/javax.faces.resource/img/1.jpg) no-repeat center top;
	height:50px;
}



#content {
	background: url(/ors/faces/javax.faces.resource/img/2.jpg) repeat-y center;
	min-height:500px;
}

.table-header {
    text-align: center;
    background-color: #e33b06;
    min-height: 20px;
    min-width: 200px;
    overflow: auto;
    border-bottom: 1px solid #000;
    color: #ffffff;
    padding: 10px;
}

.table-row {
    color: #000;
    padding: 10px;
    border-bottom: 1px solid #000;
    
}

.table-row:hover {
    background-color: #bbb;
    
}

#table {
    margin: 50px;
    background:  url(/ors/faces/javax.faces.resource/img/bg.png) no-repeat top left;
    height: 638px;
    width: 750px;
    float: left;
    position: relative;
}

.order-date {
    float: right;
    width: 300px;
    background-color: #e2e2e2;
    padding: 10px;
    margin-top: 50px;
    margin-right: 10px;
    min-height: 638px;
}


.table1 {
    position: absolute;
    height: 69px;
    width: 48px;
    top:67px;
    left:217px;
}

.table2 {
    position: absolute;
    height: 69px;
    width: 48px;
    top:67px;
    left:269px;
}

.table3 {
    position: absolute;
    height: 69px;
    width: 48px;
    top:67px;
    left:320px;
}

.table4 {
    position: absolute;
    height: 93px;
    width: 93px;
    top:30px;
    left:372px;
}


.table5 {
    position: absolute;
    height: 83px;
    width: 34px;
    top:-3px;
    left:465px;
     -moz-transform: rotate(122deg);
      -webkit-transform: rotate(122deg);
}

.table6 {
    position: absolute;
    height: 83px;
    width: 34px;
    top:132px;
    left:378px;
}

.table7 {
    position: absolute;
    height: 93px;
    width: 93px;
    top:113px;
    left:427px;
}
.table8 {
    position: absolute;
    height: 75px;
    width: 51px;
    top:168px;
    left:216px;
}

.table9 {
    position: absolute;
    height: 72px;
    width: 66px;
    top:168px;
    left:304px;
}

.table10 {
    position: absolute;
    height: 69px;
    width: 48px;
    top:252px;
    left:229px;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

.table11 {
    position: absolute;
    height: 83px;
    width: 34px;
    top:252px;
    left:322px;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
}

.table12 {
    position: absolute;
    height: 69px;
    width: 48px;
    top:252px;
    left:401px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.table13 {
    position: absolute;
    height: 69px;
    width: 48px;
    top:319px;
    left:229px;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

.table14 {
    position: absolute;
    height: 83px;
    width: 34px;
    top:312px;
    left:322px;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
}

.table15 {
    position: absolute;
    height: 69px;
    width: 48px;
    top:318px;
    left:400px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.table16 {
    position: absolute;
    height: 92px;
    width: 93px;
    top:306px;
    left:464px;
}

.table17 {
    position: absolute;
    height: 92px;
    width: 93px;
    top:385px;
    left:302px;
}
.table18 {
    position: absolute;
    height: 72px;
    width: 66px;
    top:452px;
    left:216px;
}

.table19 {
    position: absolute;
    height: 75px;
    width: 51px;
    top:469px;
    left:283px;
}

.table20 {
    position: absolute;
    height: 65px;
    width: 81px;
    top:480px;
    left:360px;
}

.table21 {
    position: absolute;
    height: 77px;
    width: 85px;
    top:542px;
    left:14px;
}

.table22 {
    position: absolute;
    height: 75px;
    width: 51px;
    top:564px;
    left:111px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.table23 {
    position: absolute;
    height: 29px;
    width: 67px;
    top:601px;
    left:177px;
}

.table24 {
    position: absolute;
    height: 75px;
    width: 51px;
    top:564px;
    left:256px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.table25 {
    position: absolute;
    height: 75px;
    width: 51px;
    top:564px;
    left:330px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}


.table26 {
    position: absolute;
    height: 75px;
    width: 51px;
    top:558px;
    left:390px;
}

.table27 {
    position: absolute;
    height: 122px;
    width: 81px;
    top:477px;
    left:467px;
}

.table28 {
    position: absolute;
    height: 79px;
    width: 54px;
    top:436px;
    left:572px;
    
}

.table29 {
    position: absolute;
    height: 70px;
    width: 83px;
    top:531px;
    left:572px;
}

.table30 {
    position: absolute;
    height: 70px;
    width: 83px;
    top:531px;
    left:660px;
}
.table31 {
    position: absolute;
    height: 70px;
    width: 83px;
    top:400px;
    left:663px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.table32 {
    position: absolute;
    height: 79px;
    width: 54px;
    top:461px;
    left:672px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}